<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>收件箱</title>
    <link rel="stylesheet" href="../plug-in/bootstrap-3.3.7-dist/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="../plug-in/font-awesome-4.7.0/css/font-awesome.min.css"/>

    <link rel="stylesheet" href="../css/common.css"/>
    <link rel="stylesheet" href="../css/inbox.css" />


    <script src="../plug-in/jquery-3.2.1.min.js"></script>
    <script src="../plug-in/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>

    <script src="../js/common.js"></script>
    <script src="../js/tableClass.js"></script>
    <script src="../js/page.js"></script>
    <script src="../js/inbox.js"></script>
</head>
<body>
<header>
    <div>
        <a href="javascript:delData()">删除</a>
        <a href="javascript:setIsRead()">全部设为已读</a>
    </div>
    <div class="page">
        <div class="dropdown">
            <input id="pageSize" class="form-control dropdown-toggle" data-toggle="dropdown" type="text" style="width: 44px;margin: 0 10px">
            <ul class="dropdown-menu pull-right" aria-labelledby="pageSize">
                <li><a href="javascript:setPageSize(10)">10</a></li>
                <li><a href="javascript:setPageSize(20)">20</a></li>
                <li><a href="javascript:setPageSize(30)">30</a></li>
                <li><a href="javascript:setPageSize(40)">40</a></li>
                <li><a href="javascript:setPageSize(50)">50</a></li>
            </ul>
        </div>
        <ul class="pagination">
            <li><a href="javascript:decPage('num')"><span class="glyphicon glyphicon-triangle-left"></span></a></li>
            <li><a href="#">第 <input onchange="setPage(this)" id="num" value="1" type="text" style="width: 20px;height: 20px;"/> 页 共 <span id="total">4</span> 页</a> </li>
            <li><a href="javascript:addPage('num')"><span class="glyphicon glyphicon-triangle-right"></span></a></li>

        </ul>
    </div>
</header>
<div id="table"  style="height: 300px;overflow: auto;width: 100%;">
    <table class="table table-hover">
        <thead>
        <tr>
            <th style="width: 20px;"><input name="all" type="checkbox"/></th>
            <th style="width: 20px;"><span class="fa fa-envelope-o fa-lg fa-color"></span></th>
            <th style="width: 200px;">发件人</th>
            <th >主题</th>
            <th style="width: 150px;">时间</th>
        </tr>
        </thead>
        <tbody id="tableData"></tbody>
    </table>
</div>
</body>
</html>